<!--
 * @Author: daidai
 * @Date: 2022-03-04 09:23:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-05-07 11:05:02
 * @FilePath: \web-pc\src\pages\big-screen\view\indexs\index.vue
-->
<template>
  <div class="contents">
    <div class="contetn_left">
      <ItemWrap class="contetn_left-top contetn_lr-item" title="广告牌新增列表">
        <LeftBottom :infoData="name == '湖南省' ? echartsData.LeftTop : echartsData1.LeftTop" />
      </ItemWrap>
      <!-- <ItemWrap class="contetn_left-center contetn_lr-item" title="用户总览">
        <LeftCenter />
      </ItemWrap> -->
      <ItemWrap class="contetn_left-bottom contetn_lr-item" title="广告牌数量统计" style="padding: 0 10px 16px 10px">
        <!-- <LeftTop /> -->
        <RightBottom :infoData="name == '湖南省' ? echartsData.LeftBottom : echartsData1.LeftBottom" echart-name="广告牌数量统计"/>
      </ItemWrap>
    </div>
    <div class="contetn_center">
      <CenterMap class="contetn_center_top" @setSelectName="setSelectName" />
      <ItemWrap class="contetn_center-bottom" title="广告牌新增曲线">
        <CenterBottom :infoData="name == '湖南省' ? echartsData.CenterBottom : echartsData1.CenterBottom" />
      </ItemWrap>
    </div>
    <div class="contetn_right">
      <ItemWrap class="contetn_left-bottom contetn_lr-item" title="巡检人员分布区域统计">
        <RightBottom :infoData="name == '湖南省' ? echartsData.rightTop : echartsData1.rightTop" echartName="巡检人员分布区域统计"/>
      </ItemWrap>
      <ItemWrap class="contetn_left-bottom contetn_lr-item" title="广告牌状态统计 ">
        <RightTop :infoData="name == '湖南省' ? echartsData.RightBottom : echartsData1.RightBottom" />
      </ItemWrap>
    </div>
  </div>
</template>

<script>
import LeftTop from './left-top.vue'
import LeftBottom from "./left-bottom.vue";
import CenterMap from "./center-map.vue";
import CenterBottom from "./center-bottom.vue";
import RightTop from "./right-top.vue";
import RightBottom from "./right-bottom.vue";

export default {
  components: {
    LeftTop,
    LeftBottom,
    CenterMap,
    RightTop,
    RightBottom,
    CenterBottom,
  },
  data() {
    return {
      list:
        [
          {
            type: '1',  // 巡检类型
            total: 222, //总数
            list: [

            ]//数据集
          },
          {
            type: '2',  // 巡检类型
            total: 222, //总数
            list: [

            ]//数据集
          },
          {
            type: '3',  // 巡检类型
            total: 222, //总数
            list: [

            ]//数据集
          },
        ],
      echartsData: {
        rightTop: [
          {
            name: '长沙市',
            value: 220
          },
          {
            name: '株洲市',
            value: 110
          },
          {
            name: '湘潭市',
            value: 130
          },
          {
            name: '益阳市',
            value: 150
          },
          {
            name: '岳阳市',
            value: 120
          },
          {
            name: '衡阳市',
            value: 100
          },
          {
            name: '娄底市',
            value: 80
          },
          {
            name: '郴州市',
            value: 90
          },
          {
            name: '永州市',
            value: 100
          },
          {
            name: '怀化市',
            value: 100
          },
          {
            name: '张家界市',
            value: 130
          },
          {
            name: '常德市',
            value: 190
          },
          {
            name: '湘西市',
            value: 50
          },
        ],
        LeftBottom: [
          {
            name: '长沙市',
            value: 620
          },
          {
            name: '株洲市',
            value: 410
          },
          {
            name: '湘潭市',
            value: 330
          },
          {
            name: '益阳市',
            value: 250
          },
          {
            name: '岳阳市',
            value: 420
          },
          {
            name: '衡阳市',
            value: 500
          },
          {
            name: '娄底市',
            value: 380
          },
          {
            name: '郴州市',
            value: 190
          },
          {
            name: '永州市',
            value: 190
          },
          {
            name: '怀化市',
            value: 230
          },
          {
            name: '张家界市',
            value: 230
          },
          {
            name: '常德市',
            value: 390
          },
          {
            name: '湘西市',
            value: 350
          },
        ],
        CenterBottom: [
          {
            name: '06-01',
            value: 10
          },
          {
            name: '06-02',
            value: 15
          },
          {
            name: '06-03',
            value: 22
          },
          {
            name: '06-04',
            value: 25
          },
          {
            name: '06-05',
            value: 11
          },

          {
            name: '06-06',
            value: 7
          }, {
            name: '06-07',
            value: 10
          },
          {
            name: '06-08',
            value: 16
          },
          {
            name: '06-09',
            value: 50
          },
          {
            name: '06-10',
            value: 55
          },
          {
            name: '06-11',
            value: 45
          },
          {
            name: '06-12',
            value: 44
          },
          {
            name: '06-13',
            value: 40
          },
          {
            name: '06-14',
            value: 30
          },
          {
            name: '06-15',
            value: 50
          },
          {
            name: '06-16',
            value: 20
          },
          {
            name: '06-17',
            value: 20
          },
          {
            name: '06-18',
            value: 22
          },
          {
            name: '06-19',
            value: 55
          },
          {
            name: '06-20',
            value: 44
          },
          {
            name: '06-21',
            value: 44
          },
          {
            name: '06-22',
            value: 44
          },
          {
            name: '06-23',
            value: 55
          },
          {
            name: '06-24',
            value: 99
          },
          {
            name: '06-25',
            value: 55
          }, {
            name: '06-26',
            value: 22
          }, {
            name: '06-27',
            value: 44
          }, {
            name: '06-28',
            value: 11
          }, {
            name: '06-29',
            value: 55
          }, {
            name: '06-30',
            value: 65
          }
        ],
        RightBottom: [
          { name: '审核中', value: 300 },
          { name: '正常', value: 700 },
          { name: '待拆除', value: 200 },
          { name: '待整改', value: 100 },
        ],
        LeftTop: [
          {
            type: "1", total: 224, data: [{ shopName: "长沙县莫林酒店", address: "长沙市长沙县", type: 1, checkCode: "123456", createTime: "2025/7/1 10:00:16" },
            { shopName: "乐而乐超市楼体广告", address: "长沙市雨花区", type: 1, checkCode: "123456", createTime: "2025/7/1 14:00:16" },
            { shopName: "顺风客栈招牌", address: "邵阳市双清区", type: 1, checkCode: "123456", createTime: "2025/7/1 18:00:16" }]
          },
          { type: "2", total: 112, data: [{ shopName: "长沙县鱼米之乡", address: "长沙市长沙县", type: 1, checkCode: "123456", createTime: "2025/7/1 9:00:16" }, { shopName: "向氏血鸭楼顶广告", address: "长沙市雨花区", type: 1, checkCode: "123456", createTime: "2025/7/1 15:00:16" }] },
          {
            type: "3", total: 256, data: [{ shopName: "盼盼路东北饺子馆", address: "长沙市长沙县", type: 3, checkCode: "123456", createTime: "2025/7/1 11:00:16" },
            { shopName: "雨花区第一中学落地指示牌", address: "长沙市雨花区", type: 3, checkCode: "123456", createTime: "2025/7/1 16:00:16" },
            { shopName: "家呗智慧酒店楼顶发光字", address: "邵阳市双清区", type: 3, checkCode: "123456", createTime: "2025/7/1 19:00:16" }]
          },
          { type: "4", total: 105, data: [{ shopName: "李易面馆（高桥店）", address: "长沙市雨花区", type: 4, checkCode: "123456", createTime: "2025/7/1 13:00:16" }, { shopName: "梅溪湖小学落地指示牌", address: "长沙市岳麓区", type: 4, checkCode: "123456", createTime: "2025/7/1 17:00:16" }] }
        ]
      },
      echartsData1: {
        rightTop: [
          {
            name: '雨花区',
            value: 10
          },
          {
            name: '岳麓区',
            value: 10
          },
          {
            name: '天心区',
            value: 12
          },
          {
            name: '芙蓉区',
            value: 16
          },
          {
            name: '开福区',
            value: 18
          },
          {
            name: '望城区',
            value: 22
          },
          {
            name: '浏阳市',
            value: 22
          },
          {
            name: '长沙县',
            value: 10
          },
          {
            name: '宁乡市',
            value: 10
          },
        ],
        LeftBottom: [
          {
            name: '雨花区',
            value: 220
          },
          {
            name: '岳麓区',
            value: 110
          },
          {
            name: '天心区',
            value: 130
          },
          {
            name: '芙蓉区',
            value: 150
          },
          {
            name: '开福区',
            value: 120
          },
          {
            name: '望城区',
            value: 100
          },
          {
            name: '浏阳市',
            value: 80
          },
          {
            name: '长沙县',
            value: 90
          },
          {
            name: '宁乡市',
            value: 100
          },
        ],
        CenterBottom: [
          {
            name: '06-01',
            value: 3
          },
          {
            name: '06-02',
            value: 5
          },
          {
            name: '06-03',
            value: 7
          },
          {
            name: '06-04',
            value: 7
          },
          {
            name: '06-05',
            value: 2
          },

          {
            name: '06-06',
            value: 1
          }, {
            name: '06-07',
            value: 3
          },
          {
            name: '06-08',
            value: 2
          },
          {
            name: '06-09',
            value: 15
          },
          {
            name: '06-10',
            value: 17
          },
          {
            name: '06-11',
            value: 20
          },
          {
            name: '06-12',
            value: 14
          },
          {
            name: '06-13',
            value: 18
          },
          {
            name: '06-14',
            value: 10
          },
          {
            name: '06-15',
            value: 16
          },
          {
            name: '06-16',
            value: 5
          },
          {
            name: '06-17',
            value: 5
          },
          {
            name: '06-18',
            value: 3
          },
          {
            name: '06-19',
            value: 4
          },
          {
            name: '06-20',
            value: 4
          },
          {
            name: '06-21',
            value: 10
          },
          {
            name: '06-22',
            value: 11
          },
          {
            name: '06-23',
            value: 20
          },
          {
            name: '06-24',
            value: 32
          },
          {
            name: '06-25',
            value: 22
          }, {
            name: '06-26',
            value: 5
          }, {
            name: '06-27',
            value: 10
          }, {
            name: '06-28',
            value: 2
          }, {
            name: '06-29',
            value: 15
          }, {
            name: '06-30',
            value: 26
          }
        ],
        RightBottom: [
          { name: '审核中', value: 60 },
          { name: '正常', value: 80 },
          { name: '待拆除', value: 20 },
          { name: '待整改', value: 10 },
        ],
        LeftTop: [
          { type: "1", total: 120, data: [{ shopName: "长沙县莫林酒店", address: "长沙市长沙县", type: 1, checkCode: "123456", createTime: "2025/7/1 10:00:16" }, { shopName: "乐而乐超市楼体广告", address: "长沙市雨花区", type: 1, checkCode: "123456", createTime: "2025/7/1 14:00:16" }] },
          { type: "2", total: 50, data: [{ shopName: "长沙县鱼米之乡", address: "长沙市长沙县", type: 1, checkCode: "123456", createTime: "2025/7/1 9:00:16" }, { shopName: "向氏血鸭楼顶广告", address: "长沙市雨花区", type: 1, checkCode: "123456", createTime: "2025/7/1 15:00:16" }] },
          { type: "3", total: 66, data: [{ shopName: "盼盼路东北饺子馆", address: "长沙市长沙县", type: 3, checkCode: "123456", createTime: "2025/7/1 11:00:16" }, { shopName: "雨花区第一中学落地指示牌", address: "长沙市雨花区", type: 3, checkCode: "123456", createTime: "2025/7/1 16:00:16" }] },
          { type: "4", total: 20, data: [{ shopName: "李易面馆（高桥店）", address: "长沙市雨花区", type: 4, checkCode: "123456", createTime: "2025/7/1 13:00:16" }, { shopName: "梅溪湖小学落地指示牌", address: "长沙市岳麓区", type: 4, checkCode: "123456", createTime: "2025/7/1 17:00:16" }] }
        ]
      },
      name: '湖南省',
    };
  },
  filters: {
    numsFilter(msg) {
      return msg || 0;
    },
  },
  created() {
  },

  mounted() { 
    
  },
  methods: {
    setSelectName(name) {
      this.name = name;
    }
  },
};
</script>
<style lang="scss" scoped>
// 内容
.contents {

  .contetn_left,
  .contetn_right {
    width: 540px;
    box-sizing: border-box;
    // padding: 16px 0;
  }

  .contetn_center {
    width: 720px;
  }

  //左右两侧 三个块
  .contetn_lr-item {
    height: 456px;
  }

  .contetn_center_top {
    width: 100%;
  }

  // 中间
  .contetn_center {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .contetn_center-bottom {
    height: 456px;
  }

  //左边 右边 结构一样
  .contetn_left,
  .contetn_right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;


  }
}


@keyframes rotating {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
</style>
